<script type="text/javascript" src="<?php echo base_url(); ?>assets/Scripts/mootools1.2b.js"></script>
<script type="text/javascript" src="<?php echo base_url(); ?>assets/Scripts/scroll.js"></script>
<style type="text/css">
	
	/* Scrollbar & content css */						
	#content1{
		height: 400px;
		background-color:transparent;
		width: 560px;
		float:left;
		background: transparent;
		overflow:hidden;
		margin-top:10px;
	}
	
	.scrollbar-vert{
		/*background-color: #d2e8ff;*/
		background:url(<?php echo base_url(); ?>assets/img/bg_roll.jpg) repeat-y center;
		height: 400px;
		width: 12px;
		float:right;
		margin-top:10px;
		margin-left:0px;
		padding-top:5px;
	}
	.handle-vert{
		height: 35px;
		width: 12px;
		padding-bottom:10px;
		background:url(<?php echo base_url(); ?>assets/img/icon_roll.png) no-repeat;
	}
	
</style>
<div id="main">
    <div class="m20l m20r m20t">
    	<div class="bg_imgleft">
        	<img src="<?php echo base_url(); ?>assets/img/img_vin.jpg" alt="" />
        </div>
        <div class="w590 float_right">
        	<p class="title_1"><?php echo $titles;?></p>
        	<div id="content1">
            	<?php echo $contents;?>
            </div>
            <div id="scrollbar1" class="scrollbar-vert"><div id="handle1" class="handle-vert"></div></div>
        	<div class="clear"></div>
        </div>
        <div class="clear"></div>
    </div>
</div>
<script>
jQuery(document).ready(function(){
	jQuery("#vin_current").addClass('current');
	});
</script>